<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>onsubmit 表单提交事件</title>
    <script type="text/javascript">
        //动态注册表单提交事件.
        window.onload=function (){
            //使用折半法，观察原页面是否真的是最新的,是不是修改的页面
            //和访问的页面一致.
            //得到form2 表单对象。
            var form2 = document.getElementById("form2");

            //给form2 绑定onsubmit 事件.
            form2.onsubmit = function (){
                if(!(form2.username.value.length>=4&&form2.username.value.length<=6)){
                    alert("用户名长度(4-6)");
                    return false;//不提交。
                }
                if((form2.pwd.value.length!=6)){
                    alert("密码长度(6)");
                    return false;
                }

                if(form2.pwd.value !=form2.pwd2.value){
                    alert("两次密码不等");
                    return false;
                }

                //用正则表达式 ^[\\w-]+@([a-zA-Z]+\\.)+[a-zA-Z}+$
                var eamilPatt =/^[\w-]+@([a-zA-Z]+\.)+[a-zA-Z]+$/;
                if(!eamilPatt.test(form2.email.value)){
                    //提示用户电子邮件格式不正确.
                    alert("电子邮件不正确");
                    return  false;
                }
                return true;
            }
        }

    </script>
</head>
<body>
<h1>注册用户</h1>
<form action="ok.html" id="form2">
    用户名:<input type="text" name="username"/>长度(4-6)<br/>
    密  码:<input type="password" name="pwd"/>长度(6)<br/>
    确  认:<input type="password" name="pwd2"/>长度(6)<br/>
    电  邮:<input type="text" name="email">满足基本格式<br/>
    <input type="submit" value="注册用户"/>
</form>

</body>
</html>